<ui:composition template="../layout/layout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui">
	
	<ui:define name="title">
		<h:outputText value="Categoria de Usuário" />
	</ui:define>
	
	<ui:define name="content">
		<div id="path">
			<h1>Categoria de Usuário</h1>
			<hr />
			<p id="crumb">Administração / Categoria de Usuário</p>
		</div>
		<h2>Cadastro de Categoria de Usuário</h2>
		<h:form prependId="false">
				<h:outputLabel value="Descrição:" for="descricao"/>
				<h:inputText id="descricao" class="s300" value="#{categoriaUsuarioMBean.categoriaUsuario.descricao}" required="true" requiredMessage="* O campo [Descrição] é obrigatório!"/>
				<h:message for="descricao" showSummary="true" showDetail="false" class="error"/>
				<br /><br />
				
	            <h:commandButton class="button check" value="Salvar" action="#{categoriaUsuarioMBean.actionSalvar}" />
	            <h:commandButton class="button clear" value="Limpar" action="#{categoriaUsuarioMBean.actionLimpar}" immediate="true" >
					<f:ajax render="@form"></f:ajax>
				</h:commandButton>			
		</h:form>
		
		<div class="spacer"></div>
		
		<h:form>
			<h:dataTable styleClass="tabdefault" value="#{categoriaUsuarioMBean.listaCategoriaUsuario}" var="c">
				<h:column>
					<f:facet name="header">
						<h:outputText value="Id" />
					</f:facet>
					<h:outputText value="#{c.id}" />
				</h:column>
				<h:column sortBy="#{c.descricao}">
					<f:facet name="header">
						<h:outputText value="Descrição" />
					</f:facet>
					<h:outputText value="#{c.descricao}" />
				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText value="Ação" />
					</f:facet>
					<h:commandLink value="" title="Editar">
						<f:setPropertyActionListener target="#{categoriaUsuarioMBean.categoriaUsuario}" value="#{c}" />
						<h:graphicImage library="images" name="ico_edit16x16.png" />
					</h:commandLink>
					
					<h:commandLink value="" action="#{categoriaUsuarioMBean.actionRemover}" title="Remover" >
						<f:setPropertyActionListener target="#{categoriaUsuarioMBean.categoriaUsuario}" value="#{c}" />
						<h:graphicImage library="images" name="ico_delete16x16.png" />
					</h:commandLink>
				</h:column>
			</h:dataTable>
		</h:form>
	</ui:define>
</ui:composition>